1年前の考察ポストから年月が経ち、いまさらですが「無効状態のボタンは極力使わない方が良い」という結論に至りました🧐
そこにボタンがあるのに押せないと、「なぜ押せない？」とユーザーに考えさせてしまうので、無効状態のボタンは使うことなく押せない理由を明記した添付画像の右のUIがベストかと思います。
どうしても無効状態のボタンをデザインする場合は、カラーではなく不透明度を調整が良いです（過去記事参照）。