Você pode usar o comando do jquery .attr("href")
com o comando .on("click")
no botão, para alterar o link do seu css.
Veja um exemplo que fiz abaixo, onde criei dois links um para alterar o meu tema de dourado para roxo, e outro para alterar o tema para azul.
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link id="temacss" href="temadourado.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="quadrado">Bla bla bla</div>
<a href="temaroxo.css" class="trocacssbtn">Trocar para Roxo</a>
<a href="temaazul.css" class="trocacssbtn">Trocar para Azul</a>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function() {
// Ao pressionar qualquer link ou botão que contém
// a class "trocacssbtn", executar a função.
$(".trocacssbtn").on("click", function() {
// Pega o atributo do link clicado para definir qual será o valor a ser trocado.
var cssclass = $(this).attr("href");
// Faz a troca do arquivo de css tema
$("#temacss").attr("href", cssclass);
// Retorna false para manter na mesma tela e finalizar a função.
return false;
});
});
</script>
</body>
</html>
temadourado.css
div#quadrado {
width: 500px;
height: 500px;
background-color: #ff9600;
}
temaroxo.css
div#quadrado {
width: 500px;
height: 500px;
background-color: #783486;
}
temaazul.css
div#quadrado {
width: 500px;
height: 500px;
background-color: #072794;
}
Unica coisa que você precisa pensar depois é como você quer fixar isso. O usuário vai mudar ao clicar, mas se atualizar a página voltará tudo original.
Então você tem que ver na sua utilização, qual melhor maneira de atualizar e manter as alterações. Tem gente que utiliza cookies, outros salva as preferencias em banco de dados no cadastro do usuário. Ai é com você.