<link rel="stylesheet" href="/color.css">href="color.css" или href="./color.css"
когда тега button просто не существовало
<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><title>tmp</title><meta name="viewport" content="width=device-width,initial-scale=1"/>
<style>*{padding:0;margin:0}body{width:100%;height:100%;background:#696969;color:#fff}</style></head>
<body><h1>Главная</h1></body></html>Ну да, в серьезных проектах мы модалки открываем CSS'ом.это уже второй ваш слив в стиле "ой, всё"
Пожалуй, я пасс продолжать эту беседу. Извините.
полагаю, что самое простое, это отключение в документе jQuery
и внимательное чтение консоли с последовательным исправлением ошибок.